<!doctype html>
<html>

<head>
  <meta charset="utf-8" />
  <title>Marked in the browser</title>
  <link rel="stylesheet" href="./assets/progress-catalog.css">
</head>

<body>
  <div class="content-sidebar-wrapper">
    <div id="nav" class="sidebar sidebar-wrapper"></div>
    <main class="content-wrapper">
      <div id="content" class="content">##content##</div>
    </main>
  </div>
  <script src="./assets/catalog.js"></script>
  <script>
    new Catalog({
      contentEl: 'content',
      catalogEl: `nav`,
      selector: ['h1', 'h2']
    })
  </script>
</body>

</html>